<!DOCTYPE html>
<html lang="en">
<!--head里面是属性-->
<!--ctrl+/可以切换注释  注释标签不能嵌套-->

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签练习</title>
</head>

<body>

    <style>
        p {
            text-indent: 2em;
        }
    </style>

    <h1>这是一级标题</h1>
    <!--标签名+tab-->
    <h2>这是二级标题</h2>
    <p><em>ipsum dolor sit, amet consectetur adipisicing elit. Nisi, quos magni magnam facilis nostrum dolorum provident
            eaque eos dolore praesentium neque vero sequi repudiandae cumque, itaque quia expedita soluta
            asperiores?</em></p>
    <h3>这是三级标题</h3>
    <p><strong>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, quos magni magnam facilis nostrum dolorum
            provident eaque eos dolore praesentium neque vero sequi repudiandae cumque, itaque quia expedita soluta
            asperiores?</strong></p>
    <h4>这是四级标题</h4>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, quos magni magnam facilis nostrum dolorum
        provident eaque eos dolore praesentium neque vero sequi repudiandae cumque, itaque quia expedita soluta
        asperiores?</p>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
    <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.YOeDd23we3beyKXY_zAMxwHaEK?pid=ImgDet&rs=1" alt="鲜花"
        title="这是一朵鲜花" width="800px" height="400px" border="8px">

    <br>
    <h1><em><a href="http://www.baidu.com" target="view_window">百度</a></em></h1>
    <!--target表示打开页面的方式，此时为打开一个新页面 -->
    <br>
    <h1>名单表格:</h1>
    <style>
        td {
            text-align: center;
        }

        a{
            text-decoration: none;
        }
    </style>
    <table border="1" cellspacing="0" width="500" height="500">
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
        </tr>
        <tr>
            <td>张三</td>
            <td colspan="">男</td>
            <td>10</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>女</td>
            <td>11</td>
        </tr>
    </table>
    <br>
    <h3>无序列表</h3>
    <ul>
        <li>咬人猫</li>
        <li>兔总裁</li>
        <li>阿叶君</li>
    </ul>
    <h3>有序列表</h3>
    <ol>
        <li>咬人猫</li>
        <li>兔总裁</li>
        <li>阿叶君</li>
    </ol>
    <h3>自定义列表</h3>
    <dl>
        <dt>我的宠物们:</dt>
        <dd>咬人猫</dd>
        <dd>兔总裁</dd>
        <dd>阿叶君</dd>
    </dl>
    <br>
    <form>
        <h6>文本框</h6>
        <input type="text"><br>

        <input type="password"><br>

        <input type="radio" name="sex" id="male"> <label for="male">男</label>
        <input type="radio" name="sex" id = "female" hecked="checked"> <label for="female">女</label>
        <br>
        <input type="checkbox"> 吃饭 <input type="checkbox"> 睡觉 <input type="checkbox"><br>

        <input type="button" value="我是个按钮" onclick="alert('hello')"><br>

        <input type="text" name="username"><br>

        <input type="submit" value="提交">
    </form>

</body>

</html>